*{
    margin: 0;
    padding: 0;
}
/**
login.html的css
 */
.loginbody{

    background: url("../img/logininterface.png")
}

.loginheader{

    padding-top: 130px;
    text-align: center;
    padding-bottom: 20px;

}

/*知识点1： text-shadow 属性向文本设置阴影。
语法：text-shadow: h-shadow v-shadow blur color;
h-shadow:	必需。水平阴影的位置。允许负值。
v-shadow	必需。垂直阴影的位置。允许负值。
blur	可选。模糊的距离。	测试
color	可选。阴影的颜色。
*/
.loginheader b{

    color: #fff;
    text-shadow: 2px 2px #000;
    font-size: 40px;

}

.loginsection{

    width: 388px;
    height: 284px;
    /*border: 1px solid red ;*/
    margin: 0 auto;

}

.logindiv1{

    width: 270px;
    height: 30px;
    text-align: center;
    font-size: 40px;
    margin-left: 50px;

}

.logininputbox1{

    margin-top: 50px;
    margin-bottom: 30px;

}

.logininputbox2{

    margin-top: 30px;
    margin-bottom: 30px;

}

.logininputbox1 input {

    width: 66%;
    padding: 10px 5px 10px 20px;
    border: 1px solid rgb(178, 178, 178);
    border-radius: 6px;
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;

}
/*知识点2： border-radius：向 div 元素添加圆角边框：
box-shadow 属性向框添加一个或多个阴影。
语法：box-shadow: h-shadow v-shadow blur spread color inset;
h-shadow	必需。水平阴影的位置。允许负值。	测试
v-shadow	必需。垂直阴影的位置。允许负值。	测试
blur	可选。模糊距离。	测试
spread	可选。阴影的尺寸。	测试
color	可选。阴影的颜色。请参阅 CSS 颜色值。	测试
inset	可选。将外部阴影 (outset) 改为内部阴影。
*/
.logininputbox2 input {

    width: 66%;
    padding: 10px 5px 10px 20px;
    border: 1px solid rgb(178, 178, 178);
    border-radius: 6px;
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;

}

/*/!*登录页登录和重置按钮*!/.providerView a是供应商管理页面下信息查看也得返回按钮的样式*/
/*知识点3：
color 属性规定文本的颜色。

知识点4：cursor 属性规定要显示的光标的类型（形状）。
属性值：
default	默认光标（通常是一个箭头）
auto	默认。浏览器设置的光标。
crosshair	光标呈现为十字线。
pointer	光标呈现为指示链接的指针（一只手）*/
/*
知识点5：
a:link {color: #FF0000}      未访问的链接
a:visited {color: #00FF00}   已访问的链接
a:hover {color: #FF00FF}    当有鼠标悬停在链接上
a:active {color: #0000FF}    被选择的链接
注释：在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后，这样才能生效！

注释：在 CSS 定义中，a:active 必须位于 a:hover 之后，这样才能生效！
 */
input[type='submit'], input[type='reset'], .providerView a {

    margin-top: 20px;
    width: 30%;
    cursor: pointer;
    background: #54a4d7;
    padding: 6px 20px;
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    color: #fff;
    font-size: 18px;
    border: 1px solid #4682be;
    margin-bottom: 10px;
    margin-right: 50px;
    margin-left: 10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 4px 4px rgba(0, 0, 0, 0.07) inset,
    0px 0px 0px 3px rgb(254, 254, 254),
    0px 5px 3px 3px rgb(210, 210, 210);
    -moz-box-shadow: 0px 1px 4px 4px rgba(0, 0, 0, 0.07) inset,
    0px 0px 0px 3px rgb(254, 254, 254),
    0px 5px 3px 3px rgb(210, 210, 210);
    box-shadow: 0px 1px 4px 4px rgba(0, 0, 0, 0.07) inset,
    0px 0px 0px 3px rgb(254, 254, 254),
    0px 5px 3px 3px rgb(210, 210, 210);

}

input[type='submit']:hover, input[type='reset']:hover {
    background: rgb(74, 179, 198);
}

input[type='submit']:active, input[type='submit']:focus,
input[type='reset']:active, input[type='reset']:focus, .providerView a:hover, .providerView a:active {
    background: #2a5989;
    border: 1px solid rgb(12, 76, 87);
    -webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}

.logina1{

    margin: 50px 40px;
}

.logina2{

    margin: 50px 100px;
}

/*
index.html界面的css
*/
.indexright{

    margin-top: 200px;

}
.indexright caption{

    font-size:30px;
}
.indexright .th1{

    width: 300px;
}
.indexright .th2{

    width: 300px;
}
.indexright .th3{

    width: 30px;
}
.indexright .th4{

    width: 150px;
}
.indexright .tr1{

    background: beige;
}
.indexright .tr1{

    background:	#F0FFFF ;
}
/*
allgraductiondesignlist.html界面的css
*/
.allgraduationright{

    margin-top: 200px;

}
.allgraduation h1{

    font-size:20px;
    text-align: center;
    width: 900px;
    margin-top: 30px;
}
.allgraduation div{


    text-align: center;
    width: 900px;
    margin-top: 30px;
}
.allgraduation input[type="button"]{

    cursor: pointer;
    border-radius: 3px;

}
.allgraduationright .th1{

    width: 300px;
}
.allgraduationright .th2{

    width: 300px;
}
.allgraduationright .th3{

    width: 30px;
}
.allgraduationright .th4{

    width: 150px;
}
.allgraduationright .tr1{

    background: beige;
}
.allgraduationright .tr1{

    background:	#F0FFFF ;
}
/*
mygraductiondesignlist.html界面的css
*/
.allgraduationright{

    margin-top: 200px;

}
.allgraduation h1{

    font-size:20px;
    text-align: center;
    width: 900px;
    margin-top: 30px;
}
.mygraduation div{


    text-align: center;
    width: 900px;
    margin-top: 30px;
}
.mygraduation input[type="button"]{

    cursor: pointer;
    border-radius: 3px;

}
.mygraduationright .th1{

    width: 300px;
}
.mygraduationright .th2{

    width: 300px;
}
.mygraduationright .th3{

    width: 30px;
}
.mygraduationright .th4{

    width: 150px;
}
.mygraduationright .tr1{

    background: beige;
}
.mygraduationright .tr1{

    background:	#F0FFFF ;
}
/*
graductiondesignview.html
*/
.designcontent {

    width: 400px;
    height: 300px;
    border: cornflowerblue solid 1px;
    height: 300px;
    overflow-y: scroll;
}
.designcontent h1{

    text-align: center;
    margin-bottom: 10px;
    margin-top: 40px;


}

.designcontent .div1,
.designcontent .div2,
.designcontent .div3,
.designcontent .div4,
.designcontent .div5{

    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;

}
.mystudent h1{

    width: 600px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;

}
.mystudent{
    margin-left: 20px;
}
.mystudent .table1 tr:nth-child(odd){

    background: #F5F5DC;
    cursor: pointer;
}
.mystudent .table1 tr:nth-child(even){

    background: #F0FFFF;
    cursor: pointer;

}
.mystudent .table1 .th1,
.mystudent .table1 .th2,
.mystudent .table1 .th3,
.mystudent .table1 .th4,
.mystudent .table1 .th5,
.mystudent .table1 .th6{

    width: 90px;
    text-align: left;

}
.myattachedlist{


    position: absolute;
    left: 200px;
    top: 500px;

}
.myattachedlist h1{

    width: 600px;
    text-align: center;
    margin-bottom: 10px;


}
.myattachedlist .table1 tr:nth-child(even){

    background: #F5F5DC;
    cursor: pointer;

}
.myattachedlist .table1 tr:nth-child(odd){

    background: #F0FFFF;
    cursor: pointer;

}
.myattachedlist .table1 .th1,
.myattachedlist .table1 .th2,
.myattachedlist .table1 .th3{

    width: 500px;
    text-align: left;
}
/* publicgraductiondesign.html */
.publicgraduation{

    width: 1000px;
    height: 400px;
    text-align: center;
    border: cyan solid 1px;
    margin-top: 20px;

}
.publicgraduation h1{

    text-align: center;
    margin-top: 40px ;
    margin-bottom: 20px ;

}
.publicgraduation .div1,
.publicgraduation .div2,
.publicgraduation .div3,
.publicgraduation .div4,
.publicgraduation .div5
.publicgraduation .div6{

    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;

}
.publicgraduation .div6 input[type="button"]{

    margin-top: 20px;
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    border: transparent;
    background: linear-gradient(to bottom, #85c0ec, #6aa7d6, #508dc6, #306fb4, #17559e);
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    vertical-align: top;

}
/**
personnalinformation.html
*/
.personnalinformation{

    width: 1000px;
    height: 500px;
    text-align: center;
}
.personnalinformation h1{

    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 30px;
}
.personnalinformation .div1,
.personnalinformation .div2,
.personnalinformation .div3,
.personnalinformation .div4,
.personnalinformation .div5,
.personnalinformation .div6,
.personnalinformation .div7,
.personnalinformation .div8{

    margin-bottom: 20px;

}
.personnalinformation .div9 input[type="button"]{

    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    border: transparent;
    background: linear-gradient(to bottom, #85c0ec, #6aa7d6, #508dc6, #306fb4, #17559e);
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    vertical-align: top;
}
/*
mynews.html
*/
.acceptnews{

    width:500px ;
    text-align: center;

}
.acceptnews h1{

    margin-top: 40px;
    margin-bottom: 20px;
    font: bold;

}
.acceptnews .table1 tr:nth-child(odd){

    cursor: pointer;
    background:#F5F5DC ;

}
.acceptnews .table1 tr:nth-child(even){

    cursor: pointer;
    background:#F0FFFF ;

}
.acceptnews .table1 .th1{

    width: 50px;
    text-align: left;

}
.acceptnews .table1 .th2{

    width: 210px;
    text-align: left;

}
.acceptnews .table1 .th3{

    width: 210px;
    text-align: left;

}
.sendnews{

    width:500px ;
    text-align: center;

}
.sendnews h1{

    margin-top: 40px;
    margin-bottom: 20px;
    font: bold;
}
.sendnews .table1 tr:nth-child(odd){

    cursor: pointer;
    background:#F5F5DC ;

}
.sendnews .table1 tr:nth-child(even){

    cursor: pointer;
    background:#F0FFFF ;

}
.sendnews .table1 .th1{

    width: 50px;
    text-align: left;

}
.sendnews .table1 .th2{

    width: 210px;
    text-align: left;

}
.sendnews .table1 .th3{

    width: 210px;
    text-align: left;

}
/**
invitenews.html
*/
.invitenews{

    width: 1000px;
    text-align: center;

}
.invitenews h1{

    margin-top: 40px;
    margin-bottom: 20px;

}
.invitenews .table1 tr:nth-child(odd){

    cursor: pointer;
    background: #F0FFFF;


}
.invitenews .table1 tr:nth-child(even){

    cursor: pointer;
    background: #F5F5DC;
}
.invitenews .table1 tr:hover{

    background: #e9f9ca;

}
.invitenews .table1 .th1
{

    width: 60px;

}
.invitenews .table1 .th2{

    width: 200px;


}
.invitenews .table1 .th3{
    width: 500px;


}
.invitenews .table1 .th4{

    width: 40px;
}
.invitenews .table1 .th5{

    width: 40px;

}
.invitenews .table1 .th6{
    width: 80px;

}